
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <title>零基础学习HTML5系列课程-课程学习-百度传课</title>
    <link rel="stylesheet" href="http://res.ckimg.com/sites/www/v2/css/ck_base.css" media="screen">
    <link rel="stylesheet" href="http://res.ckimg.com/sites/www/v2/css/ck_study.css" media="screen">
    <script src="http://res.ckimg.com/sites/www/v2/js/jquery-1.8.0.min.js"></script>
    <script src="http://res.ckimg.com/lib/jquery/plugin/jquery.okscroll.js"></script>
    <script src="http://res.ckimg.com/lib/jquery/plugin/jquery.common.js"></script>
    <script src="http://res.ckimg.com/common/v2/js/functions.js"></script>
    <script src="http://res.ckimg.com/common/v3/js/kk_header_www.js"></script>
    <script src='/player/jwplayer.js'></script>

    <!--[if IE]>
    <script src="http://res.ckimg.com/sites/www/v2/js/html5.js"></script>
    <![endif]-->

    <!-- Internet Explorer .png-fix -->
    <!--[if IE 6]>
    <script src="http://res.ckimg.com/sites/www/v2/js/dd_belatedpng.js"></script>
    <script>
        DD_belatedPNG.fix('.png_bg, img');
    </script>
    <![endif]-->
</head>
<body class="video-bd">
<!-- 直播提示 -->
<div class="aside-tips" id="aside-tips"></div>
<!-- 直播提示 -->
<!--S hw_detail-->
<div class="study-wrap">
    <!-- 顶部菜单 -->
    <div id="top-menu" class="top-menu state-hide">
        <div class="menu-list">
                        <a href="javascript:void(0);" class="curr">课程学习</a>
            <!--<a href="javascript:;">交流大厅</a>-->
                                </div>
        <div class="slide-wrap">
            <div class="slider"></div>
        </div>
    </div>
    <!-- 顶部菜单 -->
    <div id="main-content" class="main-content state-half">
        <div id="video-wrap" class="video-wrap">
            <div id="video-box" class="video-box video_box">
                <!-- 视频顶部信息 -->
                <div class="video-top clearfix">
                    <span class="fl">
                        <span class="ml10 c-name"><a target="_blank" href="http://www.chuanke.com/1432070-116619.html"> 零基础学习HTML5系列课程</a></span>
                        <span class="ml25">
                            正在学习：
                            <i class="curr-ks">1课时</i>
                            /14课时
                        </span>
                    </span>
                    <span class="fr mr25">
                                                <a href="javascript:;" class="class-share bdshare_b" id="bdshare" data="{'url':'http://www.chuanke.com/1432070-116619.html'}" style="float: none;"></a>
                    </span>
                                    </div>
                <!-- 视频顶部信息 -->
                <!-- 视频播放页面 -->
                <div style="position:absolute;"><div id="mediaspace"></div></div>
                <!-- 视频播放页面 -->
                <!-- 未播放完提交评价 -->
                <div id="pj-done-1" class="pj-done-1">
                    <div class="inner">
                        <img src="http://res.ckimg.com/sites/www/v2/images/public/ico_ok_16x16.png" class="mr5" alt="">
                        感谢你的评价，我们会继续努力！
                    </div>
                </div>
                <!-- 未播放完提交评价 -->
                <div id="showprenext" class="pj-system-wrap " oid="21291275" style="display: none;">
                    <div class="tips-class-done">
                        <div class="tc-tit">恭喜，你已学完本节课程！</div>
                        <div class="tc-opr">
                            <a href="javascript:;" class="n_btn38g goto_next_class">学习下一节</a>
                            <a href="javascript:location.reload();" class="link-restudy ml20"><i></i>重学本节</a>
                        </div>
                    </div>
                    <div id="pj-content" class="pj-content" style="">
                        <div class="pj-class-name">
                            <span class="line-l"></span>
                            <span class="c-name">评价课程：零基础学习HTML5系列课程</span>
                            <span class="line-r"></span>
                        </div>
                        <div id="pj-check-wrap" class="pj-check-wrap">
                            <label class="radio-v">
                                <i class="ico-radio-v">
                                    <input name="pj-test" type="radio" value="1">
                                </i>
                                <span class="text"><i class="ico-good"></i>好评</span>
                            </label>
                            <label class="radio-v">
                                <i class="ico-radio-v">
                                    <input name="pj-test" type="radio" value="2">
                                </i>
                                <span class="text"><i class="ico-mid"></i>中评</span>
                            </label>
                            <label class="radio-v">
                                <i class="ico-radio-v">
                                    <input name="pj-test" type="radio" value="3">
                                </i>
                                <span class="text"><i class="ico-bad"></i>差评</span>
                            </label>
                        </div>
                        <div id="pj-tips-s" class="pj-tips-s tc">
                            <img src="http://res.ckimg.com/sites/www/v2/images/public/ico_ok_24x24.png" class="mr5" alt="">
                            感谢你的评价，我们会继续努力！
                        </div>
                        <div id="pj-main" class="pj-main">
                            <ul class="pj-labels clearfix" id="vote_tags">
                                                                                                <!-- 选中current -->
                                <li tid="1">视频画面清晰</li>
                                                                <!-- 选中current -->
                                <li tid="2">课程内容不错</li>
                                                                <!-- 选中current -->
                                <li tid="3">老师讲的很好</li>
                                                                <!-- 选中current -->
                                <li tid="4">期待后续更新</li>
                                                                <!-- 选中current -->
                                <li tid="5">实用性很强</li>
                                                                <!-- 选中current -->
                                <li tid="6">简单易懂</li>
                                                                <!-- 选中current -->
                                <li tid="7">互动性强</li>
                                                                <!-- 选中current -->
                                <li tid="8">赞一个</li>
                                                                <!-- 选中current -->
                                <li tid="9">有收获</li>
                                                                                            </ul>
                            <div class="pj-input-box">
                                <div class="text-wrap">
                                    <textarea id="vote_desc" name="vote_desc"></textarea>
                                    <div class="tips-t">写点什么吧，你的感受对其他同学有很大帮助噢</div>
                                    <div class="tips-b">字数限250字以内</div>
                                </div>
                                <div class="anon-wrap tr">
                                    <label class="checkbox-v" id="anonymity">
                                        <i class="ico-checkbox-v">
                                            <input type="checkbox" name="check-test"></i>
                                        <span class="text">匿名评价</span>
                                    </label>
                                </div>
                                <div class="tc mt20">
                                    <a href="javascript:;" class="btn-pj-submit mr20">提交</a>
                                    <a href="javascript:;" class="btn-pj-cancel">取消</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 暂停评价 -->
                                                <div class="video-bot-pj" id="video-bot-pj" style="display: none;">
                    <span>评价一下课程吧：</span>
                    <label class="radio-v vm ml20">
                        <i class="ico-radio-v">
                            <input type="radio" value="1" name="pj-test-b">
                        </i>

                        <span class="text"><i class="ico-good"></i>好评</span>
                    </label>
                    <label class="radio-v vm ml20">
                        <i class="ico-radio-v">
                            <input type="radio" value="2" name="pj-test-b">
                        </i>

                        <span class="text"><i class="ico-mid"></i>中评</span>
                    </label>
                    <label class="radio-v vm ml20">
                        <i class="ico-radio-v">
                            <input type="radio" value="3" name="pj-test-b">
                        </i>
                        <span class="text"><i class="ico-bad"></i>差评</span>
                    </label>
                    <a class="link-close" href="#">关闭</a>
                </div>
                                                <!-- 暂停评价 -->
                <!-- 测试题 -->
                <div id="exam-wrap" class="exam-wrap none">
                    <div class="exam-box">
                    </div>
                </div>
                <!-- 测试题 -->
                <!-- 提示页面 -->
                <!-- 试听 -->
                <div class="preview-box" id="trialover">
                    <div class="tips-t">2分钟预览结束</div>
                    <div class="tp-1">购买后可以学习整个课程</div>
                    <div class="tp-2">
                        <i></i>
                        <span>&nbsp;课程信息&nbsp;</span>
                        <i></i>
                    </div>
                    <div class="tp-3">课程价格：0.00元</div>
                    <div class="tp-3">购买人数：43693人</div>
                    <div class="tp-3">学生满意度：%</div>
                    <div class="tc mt30">
                        <a href="javascript:;" class="c_btn40o btn_buy_immediately" sid="1432070" courseid="116619" cid="261340" cost="0" lnk="http://www.chuanke.com/?mod=cart&act=operate&do=add&sid=1432070&courseid=116619&token=de4a0b863322e798e4b17f1afebccbc0">立刻购买</a>
                        <a href="javascript:location.reload();" class="review ml30">重新预览</a>
                    </div>
                </div>
                <!-- 试听 -->
                <!-- 直播课 -->
                <div class="preview-box" style="display:none;" id="classtip">
                    <div class="tips-z">本节为直播课程</div>
                    <div class="tp-4 mt25" id="classlive" style="display:none;">正在直播中...</div>
                    <div class="tp-5 mt20" id="classcancel" style="display:none;">课程已取消</div>
                    <div class="tp-5 mt20" id="classover" style="display:none;">直播已结束，老师暂未上传课程录像</div>
                    <div class="tp-5 mt30 pt20"  id="prelectstarttime">上课时间：<span id="prelectstartdatetime">2013年11月7日 08:31</span></div>
                    <div class="tp-5 mt20" id="classcountdown">直播倒计时：<i>09</i>小时<i>52</i>分<i>15</i>秒</div>
                    <div class="tc mt30 pt20">
                        <p class="tp-5 mt20" id="mobileclasstips">想听直播课，请下载移动客户端</p>
                        <p class="tp-5 mt20" id="mobiledownload">
                            <a target="_blank" href="https://itunes.apple.com/us/app/bai-du-chuan-ke/id1065401545?mt=8" class="n_btn30o" id="iphonelnk">iPhone</a>
                            <a target="_blank" href="https://itunes.apple.com/cn/app/bai-du-chuan-kehd/id1065401553?mt=8" class="n_btn30o" id="ipadlnk">iPad</a>
                            <a target="_blank" href="http://kk.chuanke.com/android" class="n_btn30o" id="androidlnk">Android</a>
                        </p>
                        <a href="javascript:;" id="gotoclasslnk" class="c_btn40o">进入直播教室</a>
                    </div>
                </div>
                <!-- 直播课 -->
                <!-- 线下课 -->
                <div class="preview-box" style="display:none;" id="offlinetip">
                    <div class="tips-z">本节为线下课程</div>
                    <div class="tp-5 mt30 pt20" >上课时间：<span id="offlinestartdatetime"></span></div>
                    <div class="tp-6 mt20 clearfix" id="offlineinfo">
                        <div class="addr-label">线下课程地点：</div>
                        <dl class="addr-list" id="offlinelist"></dl>
                    </div>
                    <div class="tp-5 mt20 pt20" id="offlinedown">线下课倒计时：<i>09</i>小时<i>52</i>分<i>15</i>秒</div>
                </div>
                <!-- 线下课 -->
                <img id="classtipimg" src="http://res.ckimg.com/sites/www/v2/images/detail/bg_video_preview.jpg" class="preview-bg"/>
                <!-- 提示页面 -->
            </div>
                        <div id="video-bot" class="video-bot clearfix">
                                <!-- 课程评价 -->
                <div class="left-pj "><!--已评价状态class加上pj-done-->
                    <a id="link-open-comm" href="javascript:;" class="pjkc">
                        <i class="ico-pj"></i>
                        评价课程
                    </a>
                    <span class="ypj">
                        已评价
                    </span>
                </div>
                <!-- 课程评价 -->
                                <!-- 新增 app 二维码 -->
                <div class="phone-app">
                    <a href="javascript:;" class="link">
                        <i class="ico-phone-app"></i>
                        用手机App可下载课程
                    </a>
                    <div class="app-code fadeInUp">
                        <img width="100" height="100" src="http://res.ckimg.com/sites/www/v3/images/ico/ico-code-app.png" />
                        <p>扫码下载APP</p>
                        <i class="ico-arr"></i>
                    </div>
                </div>
                <!-- 新增 app 二维码 -->
                                                <!-- 笔记输入条 -->
                <div id="right-note" class="right-note">
                    <a href="javascript:;" class="btn-sj">速记</a>
                        <span id="input-wrap" class="input-wrap">
                            <span class="note-label">记笔记：</span>
                            <span id="note-tips1" class="note-tips">输入此刻你要记录的内容</span>
                        </span>
                    <div id="note-input-box" class="note-input-box clearfix">
                        <div class="input-wrap note-input">
                            <span class="note-label">00:00</span>
                            <input type="text" class="note-text"/>
                            <span id="note-tips2" class="note-tips">按Enter键可以直接保存</span>
                        </div>
                        <div class="ml10 note-btns">
                            <!--按钮不可用状态为disabled-->
                            <a id="note-input-save" href="javascript:;" class="btn-study-ok disabled">保存</a>
                            <a href="javascript:;" id="note-input-cancel" class="btn-study-cancel">取消</a>
                        </div>
                    </div>
                </div>
                <!-- 笔记输入条 -->
                                            </div>
                    </div>
        <!-- 右边栏缩进按钮 -->
        <ul id="right-tabs" class="right-tabs">
            <li data-role="0" id="chapter_slider">
                <a href="javascript:;" class="next-chapter goto_next_class">切换到下一节</a>
                <span class="rt-item"><i class="rt-ml"></i>目录</span>
            </li>
                                    <li id="note-point-end" data-role="1">
                 <span class="rt-item"><i class="rt-note"></i>笔记</span>
            </li>
                                    <li data-role="2">
                <span class="rt-item"><i class="rt-tw"></i>提问</span>
            </li>
                                </ul>
        <!-- 右边栏缩进按钮 -->
        <!-- 右边栏 -->
        <aside id="aside-wrap" class="aside-wrap">
            <a href="javascript:;" id="aside-slide" class="btn-slide"><i></i></a>
            <!-- 右边栏标签 -->
            <div id="aside-tab-wrap" class="aside-tab-wrap">
                <div id="aside-tab" class="tab-list">
                    <a href="javascript:;" class="tab-item curr" data-role="0">目录</a>
                                                            <a id="note-point-end2" href="javascript:;" class="tab-item" data-role="1">笔记</a>
                                                            <a id="raq-point-end2" href="javascript:;" class="tab-item" data-role="2">提问</a>
                                                        </div>
                <div class="slide-wrap">
                    <div class="slider"></div>
                </div>
            </div>
            <!-- 右边栏标签 -->
            <!-- 右边栏列表 -->
            <ul id="note-que-list" class="note-que-list clearfix">
                <!-- 目录列表 -->
                <li class="class-list-wrap">
                    <div id="chapter-list-wrap">
                                                                        <dl class="chapter-list">
                            <dt>1章 HTML5开发前准备</dt>
                                                                                    <dd class="clearfix curr" study-type="video" link="http://www.chuanke.com/v1432070-116619-261340.html" cid="261340" type="2" id="classitem_261340" clsitm="1" study-class="1">
                                <div class="fl">01</div>
                                <div class="chapter-name">HTML5开发前的准备</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <i class="label-play"></i>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261341.html" cid="261341" type="2" id="classitem_261341" clsitm="1" study-class="2">
                                <div class="fl">02</div>
                                <div class="chapter-name">开发前的准备-快捷键</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                    </dl>
                                                <dl class="chapter-list">
                            <dt>2章 HTML5特性简介</dt>
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261354.html" cid="261354" type="2" id="classitem_261354" clsitm="1" study-class="3">
                                <div class="fl">01</div>
                                <div class="chapter-name">HTML5简介</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261356.html" cid="261356" type="2" id="classitem_261356" clsitm="1" study-class="4">
                                <div class="fl">02</div>
                                <div class="chapter-name">HTML5集成开发环境搭建</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261357.html" cid="261357" type="2" id="classitem_261357" clsitm="1" study-class="5">
                                <div class="fl">03</div>
                                <div class="chapter-name">HTML5基础详解</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                    </dl>
                                                <dl class="chapter-list">
                            <dt>3章 HTML5元素、属性和格式化</dt>
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261364.html" cid="261364" type="2" id="classitem_261364" clsitm="1" study-class="6">
                                <div class="fl">01</div>
                                <div class="chapter-name">HTML5元素简介及使用方法</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261365.html" cid="261365" type="2" id="classitem_261365" clsitm="1" study-class="7">
                                <div class="fl">02</div>
                                <div class="chapter-name">HTML5属性使用方法</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261366.html" cid="261366" type="2" id="classitem_261366" clsitm="1" study-class="8">
                                <div class="fl">03</div>
                                <div class="chapter-name">HTML5格式化及使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                    </dl>
                                                <dl class="chapter-list">
                            <dt>4章 HTML5样式、链接和表格</dt>
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261373.html" cid="261373" type="2" id="classitem_261373" clsitm="1" study-class="9">
                                <div class="fl">01</div>
                                <div class="chapter-name">HTML5样式的使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261374.html" cid="261374" type="2" id="classitem_261374" clsitm="1" study-class="10">
                                <div class="fl">02</div>
                                <div class="chapter-name">HTML5链接属性及使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-261375.html" cid="261375" type="2" id="classitem_261375" clsitm="1" study-class="11">
                                <div class="fl">03</div>
                                <div class="chapter-name">HTML5表格使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                    </dl>
                                                <dl class="chapter-list">
                            <dt>5章 HTML5列表、块和布局</dt>
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-265452.html" cid="265452" type="2" id="classitem_265452" clsitm="1" study-class="12">
                                <div class="fl">01</div>
                                <div class="chapter-name">HTML5列表的使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-265454.html" cid="265454" type="2" id="classitem_265454" clsitm="1" study-class="13">
                                <div class="fl">02</div>
                                <div class="chapter-name">HTML5块元素标签的使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                                                    <dd class="clearfix " study-type="video" link="http://www.chuanke.com/v1432070-116619-265458.html" cid="265458" type="2" id="classitem_265458" clsitm="1" study-class="14">
                                <div class="fl">03</div>
                                <div class="chapter-name">HTML5布局的使用</div>
                                <!-- 视频课 -->
                                    <!-- 判断课程是否购买或者单课购买 -->
                                                                            <!-- 学习进度 -->
                                                                                                                                    <div class="percent"></div>
                                                                                                                            <!-- 学习进度 -->
                                                                        <!-- 判断课程是否购买 -->
                                                            </dd>
                            <!-- 随堂作业 -->
                                                        <!-- 随堂作业 -->
                            <!-- 随堂测验 -->
                                                        <!-- 随堂测验 -->
                                                    </dl>
                                                                                            </div>
                </li>
                <!-- 目录列表 -->
                                <!-- 笔记列表 -->
                <li class="note-list-wrap">
                                                            <div id="note-list-wrap">
                        <dl id="note-list" class="note-list">
                                                                                    <dd noteid="1240281" cid="261340">
                                <div class="clearfix">
                                    <!-- 选中class="curr" -->
                                    <a href="javascript:;" class="note-video-link" idx="0" start="35">
                                        <i class="ico-note-video"></i>
                                        00:35                                    </a>
                                    <span class="set-wrap">
                                        <a href="javascript:;" class="set-edit"></a>
                                        <a href="javascript:;" class="set-del"></a>
                                    </span>
                                </div>
                                <div class="note-txt">
                                    <div class="inner">
                                                                                <span class="label-sj">[速记]</span>
                                                                                <span class="txt-val">要点</span>
                                    </div>
                                </div>
                                <a href="javascript:;" class="note-slide">
                                    <i></i>
                                </a>
                                <div class="del-confirm">
                                    <div class="del-con">
                                        <div class="tc mb15">确认删除这条笔记吗？</div>
                                        <div class="tc">
                                            <a href="javascript:;" class="btn-study-ok btn-note-del mr10">确定</a>
                                            <a href="javascript:;" class="btn-study-cancel">取消</a>
                                        </div>
                                    </div>
                                </div>
                            </dd>
                                                                                </dl>
                    </div>
                                    </li>
                <!-- 笔记列表 -->
                <!-- 答疑列表 -->
                <li class="question-list-wrap">
                                        <div id="que-list-wrap">
                        <div class="que-list-wrap">
                            <div class="tw-box">
                                <div id="question-input" class="input-wrap">我要提问</div>
                                <div class="textarea-wrap">
                                    <textarea class="que-textarea"></textarea>
                                    <div class="count">
                                        <i>0</i>/100
                                    </div>
                                    <div class="clearfix">
                                        <span class="tips-error"></span>
                                        <div class="fr">
                                            <a href="javascript:;" class="btn-study-ok mr5 que-submit disabled">发布</a>
                                            <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix mt10">
                                    <span class="fl">全部问题</span>
                                    <label class="checkbox-v fr">
                                        <i class="ico-checkbox-v">
                                            <input type="checkbox" name="check-test">
                                        </i>
                                        <span class="text">我的问题</span>
                                    </label>
                                </div>
                            </div>
                            <dl id="que-list" class="que-list">
                                                                <!-- 问题列表 -->
                                                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">好久没更新 我一晚上看完了</div>
                                        <div questionid="42894">
                                            <span class="datetime">08/06 21:09</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>5</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="42894" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">为什么这么久不更新啊？</div>
                                        <div questionid="41924">
                                            <span class="datetime">07/29 19:49</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>2</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="41924" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">怎么还是没有声音呢？</div>
                                        <div questionid="41836">
                                            <span class="datetime">07/28 16:32</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="41836" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">那个速记识别语音很差啊</div>
                                        <div questionid="41578">
                                            <span class="datetime">07/24 02:22</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>1</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="41578" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">好几节都没音</div>
                                        <div questionid="40442">
                                            <span class="datetime">06/29 15:50</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>2</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="40442" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">多久更新啊？</div>
                                        <div questionid="39233">
                                            <span class="datetime">06/03 21:51</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>8</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="39233" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">我的布局中间几个板块显示不出，头和尾都正常</div>
                                        <div questionid="37178">
                                            <span class="datetime">05/02 20:54</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>4</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="37178" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">快捷引用的快捷键alt /不对啊</div>
                                        <div questionid="36515">
                                            <span class="datetime">04/20 10:39</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="36515" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">之前把需呀用的代码，打好，讲的时候就可以快一点了</div>
                                        <div questionid="35849">
                                            <span class="datetime">04/09 16:51</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35849" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">快点出，不要什么都讲，重点，重点</div>
                                        <div questionid="35847">
                                            <span class="datetime">04/09 16:50</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35847" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">快点出，不要什么都讲，重点，重点</div>
                                        <div questionid="35848">
                                            <span class="datetime">04/09 16:50</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35848" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">确定这是HTML5课程？</div>
                                        <div questionid="35801">
                                            <span class="datetime">04/08 20:38</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>3</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35801" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">老师，请问下怎么调节字体大小，就是可以调整字体具体大小值的那种。</div>
                                        <div questionid="35500">
                                            <span class="datetime">04/02 16:33</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>4</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35500" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">图片打不开是为啥呢</div>
                                        <div questionid="35138">
                                            <span class="datetime">03/26 17:37</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>2</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="35138" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                                <div class="ans-item">
                                            <div class="ans-name">饭里有鱼</div>
                                            <div class="ans-txt">可以输入绝对路径</div>
                                            <div class="clearfix">
                                                <!-- 感谢过class="thanked" -->
                                                <a href="javascript:;" class="ans-thanks" ruid="7056887" questionid="35138">
                                                    <i></i>
                                                    感谢(<span>0</span>)
                                                </a>
                                                <span style="display: none;"></span>
                                                <span class="fr">2016-06-12</span>
                                            </div>
                                        </div>
                                                                                <div class="ans-item">
                                            <div class="ans-name">不是妹子8</div>
                                            <div class="ans-txt">你图片放的地方不对，要和html文件放在同一个文件夹</div>
                                            <div class="clearfix">
                                                <!-- 感谢过class="thanked" -->
                                                <a href="javascript:;" class="ans-thanks" ruid="6458281" questionid="35138">
                                                    <i></i>
                                                    感谢(<span>0</span>)
                                                </a>
                                                <span style="display: none;"></span>
                                                <span class="fr">2016-04-09</span>
                                            </div>
                                        </div>
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">这个简单的还要讲，一节课七八分钟，废话都三四分钟。真是醉了</div>
                                        <div questionid="34343">
                                            <span class="datetime">03/13 14:52</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>3</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="34343" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                                <div class="ans-item">
                                            <div class="ans-name">任了个佐</div>
                                            <div class="ans-txt">滚你妈比</div>
                                            <div class="clearfix">
                                                <!-- 感谢过class="thanked" -->
                                                <a href="javascript:;" class="ans-thanks" ruid="6085827" questionid="34343">
                                                    <i></i>
                                                    感谢(<span>1</span>)
                                                </a>
                                                <span style="display: none;"></span>
                                                <span class="fr">2016-04-04</span>
                                            </div>
                                        </div>
                                                                                <div class="ans-item">
                                            <div class="ans-name">喜欢你</div>
                                            <div class="ans-txt">你觉得老师讲的不好，你可以去听别的，别人老师用自己业余时间给你免费讲课你还抱怨，只能说明你这个做人太垃圾了！</div>
                                            <div class="clearfix">
                                                <!-- 感谢过class="thanked" -->
                                                <a href="javascript:;" class="ans-thanks" ruid="6203366" questionid="34343">
                                                    <i></i>
                                                    感谢(<span>0</span>)
                                                </a>
                                                <span style="display: none;"></span>
                                                <span class="fr">2016-03-25</span>
                                            </div>
                                        </div>
                                                                                <div class="ans-item">
                                            <div class="ans-name">QQ1302332885</div>
                                            <div class="ans-txt">每一个人理解悟性不同而语！感谢讲解！</div>
                                            <div class="clearfix">
                                                <!-- 感谢过class="thanked" -->
                                                <a href="javascript:;" class="ans-thanks" ruid="5323690" questionid="34343">
                                                    <i></i>
                                                    感谢(<span>0</span>)
                                                </a>
                                                <span style="display: none;"></span>
                                                <span class="fr">2016-03-21</span>
                                            </div>
                                        </div>
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">这就是HTML，根本就不是5</div>
                                        <div questionid="34219">
                                            <span class="datetime">03/10 22:30</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="34219" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">看得好累呀，没有技巧，听不下去</div>
                                        <div questionid="33597">
                                            <span class="datetime">02/26 18:19</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="33597" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">看得我想睡觉，好多废话</div>
                                        <div questionid="33595">
                                            <span class="datetime">02/26 18:12</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="33595" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">老师，您的这个课程之后的课程在哪里学啊？感觉这14课时根本没讲完啊？给个后面的链接吧，我很喜欢听您的课程。</div>
                                        <div questionid="33373">
                                            <span class="datetime">02/22 09:26</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>3</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="33373" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                <dd my="0">
                                    <div class="que-main">
                                        <div class="que-con">.......</div>
                                        <div questionid="32260">
                                            <span class="datetime">01/31 12:05</span>
                                            <a href="javascript:;" class="same-ask">同问(<i>0</i>)</a>
                                            <a href="javascript:;" class="answers">答案(<i>0</i>)</a>
                                            <a href="javascript:;" class="ans-sq"><i></i>收起</a>
                                        </div>
                                    </div>
                                    <div class="tw-box">
                                        <div class="input-wrap">我要回答</div>
                                        <div class="textarea-wrap">
                                            <textarea class="que-textarea"></textarea>
                                            <div class="count">
                                                <i>0</i>/100
                                            </div>
                                            <div class="clearfix">
                                                <span class="tips-error"></span>
                                                <div class="fr">
                                                    <a href="javascript:;" questionid="32260" class="btn-study-ok mr5 answer-submit disabled">回答</a>
                                                    <a href="javascript:;" class="btn-study-cancel que-cancel">取消</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 答案列表 -->
                                    <div class="answer-list">
                                                                            </div>
                                    <!-- 答案列表 -->
                                </dd>
                                                                                                <!-- 问题列表 -->
                            </dl>
                        </div>
                    </div>
                                    </li>
                <!-- 答疑列表 -->
                            </ul>
            <!-- 右边栏列表 -->
        </aside>
        <!-- 右边栏 -->
        <div id="jump-circle-pos"></div>
        <input type="hidden" id="selected_class" value="" />
    </div>
</div>
<!--E hw_detail-->
<!-- Baidu Button BEGIN -->
<script type="text/javascript" id="bdshare_js" data="type=button&uid=688952" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
    //在这里定义bds_config
    var bds_config = {'snsKey':{'tsina':'2463745741','qzone':'100262522','tqq':'801145774','renren':'5e8042ac9ceb446baaf09f4d80fe039a'},'bdText':'我在 @百度传课 看到了一个非常不错的课程：《HTML5开发前的准备》，大家也来听听课吧。网址：'};
</script>
<!-- Baidu Button END -->
<script type="text/javascript" src="/js/video/study.js?v=20160112"></script>
<script type="text/javascript">
var sid    = 1432070,
    courseid = 116619,
    cid    = 261340,
    vid    = 0,
    cost   = 0,
    type   = 1,
    pvid   = 'E67DAA055714F7BE7841AF211E4DC382',
    vlist  = ['/?mod=video&act=play&do=file&sf=bd&id=2109593&key1=5126abe0f98038e3a036b337a726d552&pv=0&ts=1471515738&key=8a1b2e78b72136af2fde922996664f71'],
    clist  = [261340,261341,261354,261356,261357,261364,261365,261366,261373,261374,261375,265452,265454,265458],
    klist = ['de8b5ae5d3732b09c4d7babea8d01ba4e1eb60d4e1141a68a2b786d69deb2ac5'],
    curcid = 261340,
    isClassBuy = 0,
    flashver   = 11,
    pointslist = [148180],
    nScrolltop = 0,
    classCost  = 0,
    jump   = '0',
    jumptype   = '2',
    jumptypeStr = '',
    ptoken = 'de4a0b863322e798e4b17f1afebccbc0';

var swfsrc  = 'http://webkk.chuanke.com/player/player_enc.swf',
    segment = 0,
    start   = 448;

var Account,
    iTime     = 86400,
    moTrail   = 180,
    moAccount = null,
    moDetail  = null,
    vSlider   = null,
    nPlaySec  = 0,
    seeked    = 0,
    hasflv    = $.flashCheck();
    nTimeInterval = null,
    nLastPostSec  = 0,
    nSizeInterval = null;

var note_second  = 0,
    note_segment = 0;

</script>
<script type='text/javascript' src='/js/video/play.evt.js?v=20151224'></script>
<script type='text/javascript' src="http://res.ckimg.com/common/v3/js/jquery.wresize.js"></script>
<script type="text/javascript">
//视频加载
$('#video-box').show().css({'top' : +$(window).height()}).animate(
    {'top': 0}, 600, function() {
        if (isMobile() == false && hasflv.f && parseInt(hasflv.v) >= flashver) {
            var params = {start : start, startfrom : segment, swfsrc : swfsrc, tracks : pointslist};
            setTimeout(function() {
                //判断是否跳转
                if (jump > 0) {
                    switch (jumptype) {
                        case 1:
                        case 3:
                            jumptypeStr = 'online';
                            break;
                        case 4:
                            jumptypeStr = 'offline';
                            break;
                    }
                    Catalog.gotoClass(jump, '', jumptypeStr);
                } else {
                    playerInit(params);
                }
            }, 300);
        }
    }
);
//window.setInterval(function() {
//    KK.liveClassAlert();
//}, 60000);
//学习
Study.init = function() {
    this.initMenuList();
    this.changeFrameBox();
    this.resizeWindow();
    this.initScroll();
    this.noteInputBox();
    this.changeTab();
    this.asideShowHide();
    this.checkSystem();
};
Study.init();
//购买
Buy.init = function() {
    this.immediately();
    this.buyClass();
};
Buy.init();
//目录
Catalog.init = function() {
    this.click($('.chapter-list dd'));
    this.currPlayerClass();
};
Catalog.init();
//笔记
Note.init = function() {
    this.noteSlideState();
    this.noteDoSlide();
    this.editNote();
    this.jumpDot();
    this.remove();
};
Note.init();
//问答
AQ.init = function() {
    this.askQuestion();
    this.answerOpenClose();
    this.myQuestion();
    this.sameAsk();
    this.answerQuestion();
    this.thank();
};
AQ.init();
//评价
Appraise.init = function() {
    this.evaluation();
    this.pauseVideo();
};
Appraise.init();
//边栏
Slide.init = function() {
    this.gotoNextClass();
    this.lastClass();
};
Slide.init();
</script>
<script type='text/javascript' src='/js/video/control.js?v=20151222'></script>
<!--统计代码-->
<div style="display:none;">
<script src="http://res.ckimg.com/sites/stat/ckpv.js" language="javascript"></script>
</div>
<script>
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://img.baidu.com/hunter/chuanke.js?st='+~(new Date()/864e5)];
var Hunter = window.Hunter || {};
Hunter.userConfig = Hunter.userConfig || [];
Hunter.userConfig.push({
    hid:73679
});
</script>
<!--统计代码-->
</body>
</html>